<template>
    <van-nav-bar title="确认订单" left-text="返回" left-arrow @click-left="onClickLeft" />

    <van-contact-card type="edit" :tel="tel" :name="name" @click="onEdit" />

    <p>JD 京东自营</p>

    <van-card num="3" price="19.80" desc="3D医用外科 白色 细耳带30只" title="初医生（Dr.Chu）医用外科口罩成...."
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
           
        </van-card>
  <van-cell title="配送" value="京东快递" />
    <van-cell  value="8月1日 [周四] 09:00-15:00" />
    <van-cell title="商品金额" value="￥59.40" />
    <van-cell title="运费(总重：0.462kg)" value="￥6.00" />
    <van-cell title="立减" value="-￥17.82" />
    <van-cell title="优惠券" value="无可用" />
    <img src="../../img/1.png" alt="" style="width: 100%; height: 40px;">

    <van-submit-bar :price="4758" button-text="在线支付" @submit="onSubmit" />
</template>

<script setup>
import { ref } from 'vue';
import { useRouter } from "vue-router";
const router =useRouter()
import { showToast } from 'vant';
const tel = ref('13000000000');
const name = ref('张三');
const onEdit = () => showToast('edit');
const onClickLeft =()=>{
router.push('home/cart')
}
</script>

<style lang="scss" scoped></style>